<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="format-detection" content="telephone=no" />
	    <meta name="format-detection" content="email=no" />
	    <meta name="format-detection" content="address=no" />
	    <meta name="format-detection" content="date=no" />
		<title>校外课程</title>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<link href="css/common.css" rel="stylesheet" />
    	<script src="js/common.js"></script>
	</head>
	<body class="service_xwkc">
	  <header class="top">
      <nav>
        <div class="left left_close"></div>
          <div class="logo"></div>
          <a href="#"><div class="right right_close"></div></a>
      </nav>
      <ul class="open_list">
          <li><a href="index.html" class="first_a">首页</a></li>
          <li class="open_list_class">
            <a href="javascript:;" class="first first_a a_active">服务项目<em class="jt"></em></a>
            <ul class="section">
              <li><a href="family_education.html">家庭教育</a></li>
              <li><a href="train.html">校园培训</a></li>
              <li><a href="service_xwkc.html" class="a_active">校外课程</a></li>
              <li><a href="tech.html">技术支持</a></li>
            </ul>
          </li>
          <li><a href="cooperation.html" class="first_a">诚邀合作</a></li>  
          <li><a href="about_us.html" class="first_a">关于我们</a></li>
      </ul>
      <ul class="me_list">
          <li><a href="me_editor.html" class="first_a">修改信息</a></li>
          <li><a href="me_images.html" class="first_a">我的图片</a></li>
          <li><a href="login.html" class="first_a">退出登录</a></li>
      </ul>
    </header>
    <section class="sersc_1">
    	 <a href="#">
      	<div>
          	<img src="images/banner_s.png">
          </div>
      </a>
    </section>
    <section class="roll_wrap">
    	 <ul class="roll_main">
      	  <li><a href="#"><img src="images/sersch1.png" /></a></li>
      	  <li><a href="pioneerCamp.html"><img src="images/sersch4.png" /></a></li>
          <li><a href="#"><img src="images/sersch2.png" /></a></li>
          <li><a href="#"><img src="images/sersch3.png" /></a></li>
          <li><a href="#"><img src="images/sersch5.png" /></a></li>
      </ul>
    </section>  
    <footer class="bottom">
	    <h1>北京乐知鱼教育科技有限公司 —— 专业的教育支持平台</h1>
	    <p>地址：北京市朝阳区东四环中路195号华腾新天地大厦509室</p>
	    <p>乐知鱼版权所有，京ICP备16063606号</p>
	  </footer>
	  <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	  <script src="js/public.js" type="text/javascript" charset="utf-8"></script>
	  <script type="text/javascript">
	  	  $(function(){
	  	    var oDiv = document.getElementsByClassName('roll_wrap')[0];
        	var oUl = document.getElementsByClassName('roll_main')[0];
	  	    roll(oDiv,oUl);
	  	  });
	  </script>
</body>
</html>
